@keyframes vxp-border-round {
  100% {
    transform: rotate(1turn);
  }
}

@keyframes vxp-h-moving-border {
  0%,
  100% {
    transform: translate3d(-100%, 0, 0) scaleX(0.2);
  }

  25% {
    transform: translate3d(0, 0, 0) scaleX(1);
  }

  50% {
    transform: translate3d(100%, 0, 0) scaleX(0.2);
  }

  75% {
    transform: translate3d(0, 0, 0) scaleX(1);
  }
}

@keyframes vxp-v-moving-border {
  0%,
  100% {
    transform: translate3d(0, -100%, 0) scaleY(0.2);
  }

  25% {
    transform: translate3d(0, 0, 0) scaleY(1);
  }

  50% {
    transform: translate3d(0, 100%, 0) scaleY(0.2);
  }

  75% {
    transform: translate3d(0, 0, 0) scaleY(1);
  }
}
